@import '@wordpress/base-styles/colors';
@import '@wordpress/base-styles/variables';

.a8c-components-wp-button {
	&.is-secondary:not(:disabled, [aria-disabled="true"], [aria-pressed="true"]) {
		box-shadow: inset 0 0 0 $border-width var(--wp-components-color-gray-300, $gray-300);

		&:not(.is-destructive) {
			color: var(--wp-components-color-foreground, $gray-900);
		}
			
		&:hover:not(:disabled, [aria-disabled="true"], :focus) {
			color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
			box-shadow: inset 0 0 0 $border-width var(--wp-components-color-gray-300, $gray-300);
		}
		
		&:active,
		&:active:hover {
			background-color: var(--wp-components-color-background, $white);
		}
	}
} 
